<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>IFE JavaScript Task 01</title>
</head>
<body>

<h3>污染城市列表</h3>
<ul id="aqi-list">
    <!--
        <li>第一名：福州（样例），10</li>
          <li>第二名：福州（样例），
                    var li=document.createElement("li");
                    var result=document.createTextNode(arr[n]+aqiData[i][0]);
                    li.appendChild(result);
                    ul.appendChild(li);
                    n++;
          10</li> -->
</ul>

<script type="text/javascript">
    var aqiData = [
        ["北京", 90],
        ["上海", 50],
        ["福州", 10],
        ["广州", 50],
        ["成都", 90],
        ["西安", 100]
    ];

    (function () {
        /*
        在注释下方编写代码
        遍历读取aqiData中各个城市的数据
        将空气质量指数大于60的城市显示到aqi-list的列表中
        */
        var List=new Array();
        var j=0;
        var arr=["第一名","第二名","第三名"];
        var ul=document.getElementById("aqi-list");
        var n=0;
        for(var i=0;i<aqiData.length;i++){
            if (aqiData[i][1]>60){
                List[j]=aqiData[i];
                j++;
            }
        }
        function des(a,b) {
            return b[1]-a[1];
        }
        List.sort(des);
        for(var m=0;m<List.length;m++){
            var li=document.createElement("li");
            var result=document.createTextNode(arr[n]+"  "+List[m][0]+"  分数为"+List[m][1]);
            li.appendChild(result);
            ul.appendChild(li);
            n++;
        }
              /*  冒泡法  */
      /*var arr=["第一名","第二名","第三名"];
        var c=0;
        var ul=document.getElementById("aqi-list");
        var j=0;
        var temp=new Array();
        for(var i=0;i<aqiData.length;i++){
            if(aqiData[i][1]>60){
                temp[j]=aqiData[i];
                j++;
            }
        }
            for(var n=0;n<temp.length-1;n++){
                for(var m=0;m<temp.length-1;m++){
                    if(temp[m][1]<temp[m+1][1]){
                        var chg;
                        chg=temp[m];
                        temp[m]=temp[m+1];
                        temp[m+1]=chg;
                    }
                }
            }
        for(var d=0;d<temp.length;d++){
            var li=document.createElement("li");
            var result=document.createTextNode(arr[c]+"  "+temp[d][0]+"  分数为"+temp[d][1]);
            li.appendChild(result);
            ul.appendChild(li);
            n++;
        }*/
    })();
</script>
</body>
</html>